.bg-white{ background-color: white; }
.pointer{ cursor: pointer; }
.text-center{ text-align: center; }
.scroll-y{ overflow-y: scroll; }
.scroll-x{ overflow-x: scroll; }
.scroll-hide{ overflow: hidden; }
.scroll-x-hide{ overflow-x: hidden; }
.scroll-y-hide{ overflow-y: hidden; }
.width-f{ width: 100%; }
.height-f{ height: 100%; }
.z-1{ z-index: 1; }
.p0{ padding: 0 !important; }
.hide{
  display: none;
}
/* icon-select */
.layui-tab-item{ }
.layui-tab-item li{ display: table-cell;border:1px solid #fee;padding: 8px;margin:1px;font-size: 1.4em;float: left; }
.layui-tab-item i{ }
.icon-select{ padding:10px; }
.icon-select .icon-search label{
  text-align:left;border:1px solid #ddd;
}
.icon-select .layui-tab-content{
  padding:10px 0;
}
.icon-select .layui-tab-content li{
  cursor: pointer;width: 20px;
}
.icon-select .layui-tab-content li:hover{
  border-color: #aaa;
}
/* flex */
.flex{
  display: flex;
}
/* flex-direction */
.flex-arr-x,.flex-arr-df,.flex-arr{ flex-direction: row; }
.flex-arr-x-r{ flex-direction: row-reverse; }
.flex-arr-y{ flex-direction: column; }
.flex-arr-y-r{ flex-direction: column-reverse; }
.flex-center{
  justify-content:center;
  align-items:center;
}
/* flex-wrap */
.flex-line,.flex-line-df{ flex-wrap: nowrap; }
.flex-lines{ flex-wrap: wrap; }
.flex-lines-r{ flex-wrap: wrap-reverse; }
/* flex-flow : {flex-direction} {flex-wrap} -*/
.flex-arr-line,.flex-arr-line-df{ flex-flow:  row nowrap; }
/* align-items */
.flex-y-center{ align-items:center; }
.flex-y-top{ align-items:flex-start; }
.flex-y-bottom{ align-items:flex-end; }
.flex-y-100,.flex-y-df,.flex-y{ align-items: stretch; }
.flex-y-firstline{ align-items: baseline; }
/* justify-content */
.flex-x-center{ justify-content:center; }
.flex-x-left{ justify-content:flex-start; }
.flex-x-right,.flex-x-df,.flex-x{ justify-content:flex-end; }
.flex-x-avg{ justify-content:space-around; }
.flex-x-100{ justify-content:space-between; }
/* align-content */
.flex-xy,.flex-xy-df,.flex-xy-100{ align-content: stretch; }
.flex-xy-left-top{ align-content: flex-start; }
.flex-xy-left-bottom{ align-content: flex-end; }
.flex-xy-center{ align-content: center; }
.flex-xy-100{ align-content: space-between; }
.flex-xy-avg{ align-content: space-around; }
/* flex-item */

.flex-item {
  flex-grow: 0;
  /* 如果存在剩余空间，也不放大。 */
  flex-shrink: 1;
  /* 如果空间不足，该项目将缩小 */
  flex-basis:  auto;
  /* 覆盖flex-items的width:默认项目的本来大小 */
}
/* flex:  [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ] */
.flex-item-none{ flex:  none;      /* 0 0 auto */
}
.flex-item-auto{ flex:  auto;      /* 1 1 auto */
}
.flex-item-df,.flex-item-0{flex-grow: 0;
}
/* align-self */
.flex-item-y-df,.flex-item-y{/* default:  有父类继承align-items,无则stretch; */
  align-self: auto;
}
.flex-item-y-100{ align-self: stretch; }
.flex-item-y-firstline{ align-self: baseline; }
.flex-item-y-top{ align-self: flex-start; }
.flex-item-y-bottom{ align-self: flex-end; }
.flex-item-y-center{ align-self: center; }
.flex-item-first{ order: -1; }
.flex-item-2{ flex-grow: 2;    }
.flex-item-1{ flex-grow: 1;    }
.flex-item-min,.flex-item-min-1,.flex-item-min-df{ flex-shrink: 1; }
.flex-item-min-2{ flex-shrink: 2; }
.flex-item-unmin{ flex-shrink: 0; }

/* webkit 内核*/
/* ::-webkit-scrollbar{ display:none } */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #f5f5f5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background-color: #fff;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: inset 0 0 12px #f5f5f5;
  background-color: #9f9f9f;
}
/*o内核*/
.scroll_content .-o-scrollbar{
  -moz-appearance: none !important;
  background: rgba(0,255,0,0) !important;
}
.scroll_content::-o-scrollbar-button    {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-track     {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-track-piece {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-thumb{
  background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-corner {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-resizer  {
  background-color:rgba(0,0,0,0);
}
/*IE10,IE11,IE12*/
.scroll_content{
  -ms-scroll-chaining: chained;
  -ms-overflow-style: none;
  -ms-content-zooming: zoom;
  -ms-scroll-rails: none;
  -ms-content-zoom-limit-min: 100%;
  -ms-content-zoom-limit-max: 500%;
  -ms-scroll-snap-type: proximity;
  -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
  -ms-overflow-style: none;
  overflow: auto;
}
/* 隐藏滚动条 */
/* fix-layui */
.layui-tab{ margin: 0!important; }
.layui-nav{ padding: 0!important; }
/* .layui-tab-content{ padding: 0!important; } */